function bindFloorBtn(){
    let floorList = document.querySelectorAll('.top-list>.title')
    const floorbtn = document.querySelector('.floorbtn')
    const  topBtn = document.querySelector(".totop")
    let str=`<li data-top="500" class="active"><span>新品上市</span></li>`;
    let arr  = [100]

    floorList.forEach(item=>{
        str+=`
            <li data-top="${item.offsetTop}"><span>${item.innerHTML}</span></li>
        `
       arr.push(item.offsetTop)
    })
    floorbtn.innerHTML=str;
    
    floorbtn.addEventListener('click',e=>{
        if(e.target.nodeName!=="LI")return
        const y = e.target.dataset.top
        window.scrollTo(0,y-100)
    }) 
    topBtn.addEventListener('click',e=>{
        window.scrollTo(0,"100px")
    }) 
    window.addEventListener("scroll",()=>{
        const scrollTop = document.documentElement.scrollTop||document.body.scrollTop
        for(let i = 0;i< floorbtn.children.length;i++){
            if(floorbtn.children[i].dataset.top-20 < scrollTop+100){
                for(let i = 0;i< floorbtn.children.length;i++){
                    floorbtn.children[i].classList.remove('active')
                }
                floorbtn.children[i].classList.add('active')
            } 
        }
    })
}

/* 
    // 1. 点击事件
    // 给 ol 下的每一个 li 绑定一个点击事件
    $('ol > li').click(function () {
        // 拿到我自己的索引
        // ol 下的第 x 个 li 对应 ul 下的第 x 个 li
        const index = $(this).index()
        // 找到 ul 内对应的那个 li
        const li = $('ul').find('li').eq(index)
        // 让这个 li 在页面的顶部
        // 让浏览器滚动到当前这个 li 距离文档流顶部的尺寸
        // offset 方法专门获取元素相对于文档流左上角的偏移量
        $('html, body').animate({ scrollTop: li.offset().top }, 500)
      })
   
      // 2. 滚动事件
      // 只需要根据滚动的尺寸, 来决定给哪一个 li 添加类名
      $(window).scroll(() => {
        // 拿到浏览器卷去的高度
        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop
  
        // 卷去的高度 >= 哪一个 li 距离页面顶部的尺寸
        // ol 内对应哪一个 li 应该有类名
        // 让 scrollTop 和 ul 每一个 li 的上方偏移量进行比较
        // jQuery 遍历元素集合, each()
        $('ul > li').each(function (index, item) {
          // 元素集合内有多少个元素, 执行多少回
          if(scrollTop >= $(item).offset().top) {
            // ol 内索引对应的 li 有类名
            $('ol > li').eq(index).addClass('active').siblings().removeClass('active')
          }
        })
      }) */